<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../css/templet.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../fonts/font-awesome.min.css?01_38" />
		<link rel="stylesheet" type="text/css" href="../mui/css/mui.css?01_38" />
		<!--公共js-->
		<script type="text/javascript" src="../common/js/jquery.js?01_38"></script>
		<!--插件-->
		<script type="text/javascript" src="../common/js/vue.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/mui.min.js?01_38"></script>
		<script type="text/javascript" src="../common/js/jquery-validate.js?01_38"></script>
		
		<script type="text/javascript" src="../common/js/fastclick.js?01_38"></script>
		<script type="text/javascript" src="../common/js/common.js?01_38"></script>
		<script type="text/javascript" src="../common/js/main.js?01_38"></script>
		<script type="text/javascript" src="../common/js/app.js?01_38"></script>
		<script type="text/javascript" src="../common/js/my_common.js?01_38"></script>
	</head>

	<body>
		<div id="app" class="wrap_body change_password_two" v-cloak>

			<div class="header f-16 fiex pad-b-10 pad-t-10 pad-l-10 pad-r-10">
				<div class="back">
					<a href="javascript:;" onClick="back()" class="bk"></a>
				</div>
			</div>

			<div class="content pad-l-30 pad-r-30 f-16 pad-t-45">
				<p class="center pad-t-40 pad-b-10 f-24">{{b_lg[1015]}}</p>
				<div><input type="password" name="" v-model="forms.password" id="pwd" :placeholder="b_lg[1004]" class="pad-t-35 pad-b-20 required" data-valid="newpassword" :data-error="b_lg[1197]" /></div>
				<div><input type="password" name="" :placeholder="b_lg[1012]" class="pad-t-35 pad-b-20 required" data-matchID="pwd" data-valid="matchPwd" :data-error="b_lg[1014]" /></div>
			</div>
			<!--错误提示-->
			<div class="error-box pad-t-10 red center mag-t-10 center" style="height: 10px;" id="errortip">
				<span class="mag-r-5 "></span>
			</div>
			<!--确定按钮-->
			<div class="center mag-t-40">
				<a @click="sub_form" href="javascript:;" class="bg-red9 fff pad-l-80 pad-r-80 pad-t-15 pad-b-15 center btn">{{b_lg[1008]}}</a>
			</div>
		</div>
		<script type="text/javascript">
			window.onscroll = function() {
				var h = document.documentElement.scrollTop;
				if(h > 1) {
					header.style.backgroundColor = "#fd5749";
				} else {
					header.style.backgroundColor = "transparent";
				}
			}
			//表单验证
			$('#app').validate({
				selectID: "#errortip" //指定弹出位置
			});

			function fun1() {
				var app = new Vue({
					el: "#app",
					data: {
						forms: {
							prefix: "",
							username: "",
							password: "",
							code: ""
						},
						b_lg:JSON.parse(getItem('Langues'))//语言包
					},
					methods: {
						sub_form: function() {
							if($("#app").validate('submitValidate')) {
								app.forms.code = getItem("phone_code");
								app.forms.prefix = getItem("phone_prefix");
								app.forms.username = getItem("phone_num");
								common_ajax("1", app.forms, "&a=put_forgot_password", function(h) {
									if(h.status == 1) {
										clicked("changePasswordSuccess.html");
									} else {
										mui.toast(h.msg);
									}
								})
							}
						}

					}
				})
			}
		</script>
	</body>

</html>
